/*行业模板*/
.xyg-template{padding: 65px 0 75px 0;width: 100%;overflow: hidden;background: url(../images/template/main3-bg.jpg) no-repeat;background-size: 100% 100%;}
.xyg-template .title{font-size: 28px;text-align: center;color: #333;}
.xyg-template .subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.xyg-template .category{text-align: center;}
.xyg-template .category ul{overflow: hidden;margin-top: 40px;background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 3px;display: inline-block;}
.xyg-template .category ul li{float: left;display: inline-block;font-size: 16px;height: 35px;line-height: 35px;width: 140px;text-align: center;position: relative; cursor: pointer;}
.xyg-template .category ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.xyg-template .category ul li:last-child:after{border-left: none;}
.xyg-template .category ul li:hover{color: #fe782f;}
.xyg-template .category ul li.active{background:#fe782f;color: #fff;}
.xyg-template .category ul li.active:after{border-left: none;}
.xyg-template .content{width: 100%;height: auto;margin-top: 60px;display: none;}
.xyg-template .content.active{display: block;}
.xyg-template .content ul{width: 1160px;margin: 0 auto;}
.xyg-template .content ul li{float: left;position: relative;width: 200px;margin-right: 40px; transition: transform .3s ease,box-shadow .3s ease}
.xyg-template .content ul li:last-child{margin-right: 0;}
.xyg-template .content ul li .img{width: 100%;}
.xyg-template .content ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);text-align: center;}
.xyg-template .content ul li .bg img{display: inline-block;width: 70%;margin-top: 75px;border-radius: 3px;opacity: 0;transition: opacity .5s;}
.xyg-template .content ul li:hover{transform: translate3d(0,-10px,0)}
.xyg-template .content ul li:hover .bg{background: rgba(0,0,0,.5);}
.xyg-template .content ul li:hover .bg img{opacity: 1;}
.xyg-template .content .more{text-align: center;width: 100%;clear: both;padding-top: 60px;}
.xyg-template .content .more a{display: inline-block;border: 1px solid #f73;color: #f73; transition: background-color .3s,color .3s;padding: 12px 50px;border-radius: 50px;font-size: 18px;}
.xyg-template .content .more a:hover{background: #f73;color: #fff;}
.xyg-template .content.wsc ul{width: 1245px;}
.xyg-template .content.wsc ul li{background:url(../images/phone.png) center center no-repeat;width: 217px;height: 450px;}
.xyg-template .content.wsc ul li .img{margin-top: 44px;margin-left: 9px;}
.xyg-template .content.wsc ul li .bg{width: 200px;height: 356px;left: 9px;top: 44px;}
.xyg-template .content.wsc ul li .bg img{border-radius: 3px;border:10px solid #fff}
.xyg-template .content.dnsc ul{width:1200px}
.xyg-template .content.dnsc ul li{background:url(../images/pc.png) center center no-repeat;width: 340px;height: 220px;overflow: hidden;margin-right: 90px;}
.xyg-template .content.dnsc ul li:nth-child(1),.xyg-template .content.dnsc ul li:nth-child(2),.xyg-template .content.dnsc ul li:nth-child(3){margin-bottom: 40px;}
.xyg-template .content.dnsc ul li:nth-child(3n){margin-right: 0;}
.xyg-template .content.dnsc ul li .img{margin-top: 13px;}
.xyg-template .content.dnsc ul li .img img{max-width: 100%;}
.xyg-template .content.dnsc ul li .bg{width: 100%;height: 100%;top: 13px;}
.xyg-template .content.dnsc ul li .bg img{width: 145px;margin-top: 90px;}
/*客户案例*/
.xyg-example .clearfix::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.xyg-example .clearfix{}
.xyg-example .case-content-bg{padding-bottom: 0;height: 665px;background: url(../images/example/case-background.png) no-repeat;background-size: cover;background-position: center 50%;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.xyg-example .case-content-info{background-position: center 10%;padding: 80px 0;}
.xyg-example .case-box{width: 1180px;margin: 0 auto;position: relative;}
.xyg-example .case-box-title{text-align: center;color: #fff;font-weight:normal;padding-bottom:40px;}
.xyg-example .case-box-title em{display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;font-weight: normal;}
.xyg-example .case-box-title span{font-size: 16px;opacity: .6;color: #fff;text-align: center;}
.xyg-example .case-item{cursor: pointer;width: 280px;height: 390px;float: left;display: block;margin: 20px 0 0 0;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background-image: -webkit-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);background-image: -moz-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);background-image: -moz-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);background-image: -o-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);background-image: linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);background-repeat: repeat}
.xyg-example .case-wrapper .case-item:hover{margin-top: 0;height: 430px}
.xyg-example .case-item-bg{width: 100%;height: 100px;margin-top: 50px; text-align: center;}
.xyg-example .case-item-bg img{width: 100px; height: 100px; border-radius: 50px; margin: 0px auto;}
.xyg-example .case-item-title{font-size: 18px;color: #fff;text-align: center;margin: 20px 0;line-height: 40px;}
.xyg-example .case-item-text{font-size: 14px;color: #999999;line-height: 24px;height: calc(100% - 338px);margin: 0 30px;overflow: hidden;}
.xyg-example .case-item-doc{padding: 20px 30px;width: 280px;bottom: 0;position: absolute;background: #27272e;}
.xyg-example .case-item-doc p{line-height: 30px;margin: 0;font-size: 14px;color: #999999;}
.xyg-example .case-item-doc p a{font-size: 14px;color: #fff;float: left;width: calc(50% - 1px);}
.xyg-example .case-item-doc a+a::before{content: '|';float: left;color: rgba(102,102,102,0.6)}
.xyg-example .case-wrapper .case-item+.case-item{margin-left: 20px;}
.xyg-example .case-wrapper .case-item .case-item-doc a+a{text-align: right;}
.xyg-example .case-wrapper .case-item a:hover{text-decoration:underline;}
/*动态数字*/
.xyg-number .xyg-number-box{width: 100%;height: 680px;background-color: #3e88f1;background-image: url(../images/number/pre-bg.png);background-repeat: no-repeat;background-position:center;background-size:100%;}
.xyg-number .xyg-number-content{width: 1200px;height: 577px;margin: 0 auto;text-align: center;font-size: 0;}
.xyg-number .xyg-number-title{padding-top: 110px;margin-bottom: 30px;font-size: 42px;color: #fff;line-height: 45px;font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;}
.xyg-number .xyg-number-text{font-size: 16px;color: #fff;line-height: 28px;}
.xyg-number .xyg-number-head{margin-top: 80px;font-size: 0;}
.xyg-number .xyg-number-item{text-align: center;position: relative;display: inline-block;width: 400px;font-size: 108px;color: #fff;line-height: 62px;font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;}
.xyg-number .xyg-number-jus{display: inline-block;margin: 80px 0;width: 162px;height: 56px;font-size: 22px;color: #fff;line-height: 48px;letter-spacing: 2px;border: 4px solid #fff;cursor: pointer;font-weight: 500;font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;text-decoration: none;}
.xyg-number .xyg-number-nub{display: inline-block;width: 400px;font-size: 108px;color: #fff;line-height: 62px;font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;}
.xyg-number .xyg-number-add{font-size: 24px;color: #fff;margin-left: -20px;position: absolute;right: 75px;top: 30px;}
.xyg-number .xyg-number-inf{margin-top: 24px;font-size: 28px;color: #fff;line-height: 0;margin-left: 30px;}
.xyg-number .xyg-number-jus:hover{background-color: #fff;color: #3e88f1;}
.xyg-number .xyg-number-wan{position:absolute;right: 55px;top: 0px;}
/*服务*/
.xyg-service .case-container{width: 1200px;margin: 0 auto;padding: 0;}
.xyg-service .case-index-title{font-size: 16px;text-align: center;padding: 50px 0;}
.xyg-service .case-index-title h2{font-size: 36px;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight: normal;}
.xyg-service .case-index-title p{font-size: 16px;color: #919599;margin-top: 30px;}
.xyg-service .case-index-content{position: relative;}
.xyg-service .service-list .service-list-item{float: left;width: 290px;margin-right: 13px;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.xyg-service .service-title{width: 290px;height: 160px;}
.xyg-service .service-bj1 .service-title{background: url(../images/service/service-001.jpg) no-repeat center top;}
.xyg-service .service-bj2 .service-title{background: url(../images/service/service-002.jpg) no-repeat center top;}
.xyg-service .service-bj3 .service-title{background: url(../images/service/service-003.jpg) no-repeat center top;}
.xyg-service .service-bj4 .service-title{background: url(../images/service/service-004.jpg) no-repeat center top;}
.xyg-service .service-title h3{font-size: 24px;text-align: center;padding-top: 105px;color: #fff;font-weight: normal;}
.xyg-service .service-content{height: 318px;border: 1px solid #E7E9EC;border-top: 0;}
.xyg-service .service-content-list{margin-left: 58px;margin-top: 28px;}
.xyg-service .service-content-list li{margin-bottom: 18px;position: relative;}
.xyg-service .service-content-list li:before{width: 6px;height: 6px;border-radius: 50%;background: #C1C5CB;content: "";position: absolute;left: -16px;top: 7px;}
.xyg-service .service-content-list li h4{font-size: 14px;color: #616366;font-weight: 700;margin-bottom: 3px;line-height: 20px;}
.xyg-service .service-content-list li p{font-size: 14px;color: #919499;}
.xyg-service .service-list-more{width: 200px;height: 40px;display: block;margin: 0 auto;color: #F96A69;text-align: center;line-height: 40px;font-size: 16px;border: 1px solid #F96A69;transition: all .2s;}
.xyg-service .service-list-more:hover{background: #F96A69;color: #fff;}
.xyg-service .service-list .service-list-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1)}
.xyg-service .service-list{margin-right: -13px;}
/*新闻资讯*/
.xyg-new-box{width: 100%;padding: 50px 0px;margin: 0 auto;overflow: hidden;padding-bottom: 0px; margin-bottom:60px;}
.xyg-new-box .title-cn{text-align: center;}
.xyg-new-box .new-con{max-width: 1200px;margin: 0 auto;margin-top: 50px;}
.xyg-new-box .newtel{height: 40px;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;font-family: "寰蒋闆呴粦";font-size: 18px;color: #666}
.xyg-new-box .new-telst{width: 550px;margin: 0 auto;position: relative;top: 6px;text-align: center}
.xyg-new-box .new-telst li{width: 166px;line-height: 25px;text-align: center;float: left;display: inline;font-family: "寰蒋闆呴粦";cursor: pointer;}
.xyg-new-box .new-telst li.newon{color: #217af0;font-weight: bold;}
.xyg-new-box .new-telst p{position: absolute;top: 32px;left: 0px;width: 166px;height: 14px;border-top: 3px solid #217af0;overflow: hidden;text-align: center;}
.xyg-new-box .new-telst b{display: inline-block;width: 0;height: 0;margin-top: -3px;border-style: solid dashed dashed dashed;border-width: 9px;border-color: #217af0 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.xyg-new-box .new-lst{height: 315px;position: relative;overflow: hidden;display: none;margin-top: 10px;padding-top: 20px;}
.xyg-new-box .new-lst ul{position: absolute;left: 0px;}
.xyg-new-box .new-wrap{margin-top: 30px;}
.xyg-new-box .new-wrap .show{display: block;}
.xyg-new-box li.new-cnlf{width: 370px;float: left;}
.xyg-new-box li.new-cnlf p{width: 100%;}
.xyg-new-box p.newlf-tel a{color: #217af0;font-size: 18px;line-height: 50px;text-align: center;display: block;}
.xyg-new-box p.newlf-tel a:hover{color: #C33}
.xyg-new-box p.newlf-tx{font-size: 14px;line-height: 26px;color: #999;height: 105px;overflow: hidden;}
.xyg-new-box li.new-cnrf{float: right;width: 820px;margin-left: 10px;}
.xyg-new-box .newrf-lst dd{width: 368px;height: 85px;border: 1px solid #e4e4e4;float: left;margin-left: 35px;margin-bottom: 20px;}
.xyg-new-box p.new-rq{width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;font-family: Arial, Helvetica, sans-serif;}
.xyg-new-box p.new-rq span{display: block;font-size: 24px;text-align: center;font-weight: bold;line-height: 35px;padding-top: 5px;}
.xyg-new-box p.newrf-tx{float: left;width: 270px;margin-top: 8px;}
.xyg-new-box p.newrf-tx a{color: #333;font-size: 14px;display: block;line-height: 30px;}
.xyg-new-box p.newrf-tx span{display: block;font-size: 12px;color: #999;height: 60px;overflow: hidden;}
.xyg-new-box .newrf-lst dd:hover{width: 366px;height: 83px;border: 2px solid #217af0;box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);}
.xyg-new-box .newrf-lst dd:hover p.newrf-tx a{color: #217af0;}
.xyg-new-box .newrf-lst dd:hover p.new-rq{background: #217af0;margin-top: 9px;margin-left: 9px;}
.xyg-new-box .newrf-lst dd:hover p.newrf-tx{margin-top: 7px;}
.xyg-new-box .mr0{margin-right: 0px;}

